<template>
  <div class="search-top" @click="handlePanelClick">
    <div class="top-in">
      <i class="iconfont icon-sousuo"></i>
      <span>女装</span>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'serarcTop',
    methods: {
      handlePanelClick () {
        this.$emit('searchPanelHandler')
      }
    }
    
  }
</script>

<style lang="stylus" scoped>
@import '../../../assets/style/mixins.styl'
.search-top
  width 100%
  height 50px
  border-bottom-1px(rgba(0,0,0,0.1))
  display flex
  justify-content center
  align-items center
  .top-in
    display flex
    justify-content center
    align-items center
    width 95%
    height 80%
    background #ededed
    border-radius 10px
    .iconfont,span
      font-size 16px
      color #9c9c9c
    .iconfont
      margin-right 5px
      font-size 20px
</style>